<template>
  <div class="home">
    <slider animation="fade" height="200px" class="easy-slider">
      <slider-item v-for="(i, index) in list" :key="index">
        <div style="background-color:#3f51b5;width: 100%;">
          <img :src="i.imgUrl" alt="" width="100%" height="200">
        </div>
      </slider-item>
    </slider>
  </div>
</template>

<script>
  import { Slider, SliderItem } from 'vue-easy-slider'
  export default {
      data(){
          return {
              list:null
          }
      },
      mounted:function(){
        this.request()
      },
      components:{
          Slider,
          SliderItem
      },
      methods:{
          request:function(){
              this.$axios.get(`${this.$url}/cms/home/index--`).then(data=>{
                this.list = data.data.data.advertiseImg.bigImgList
              });
          }
      }
  }
</script>

<style>
</style>